<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

    <title>{% block title %}{% endblock %} </title>


    <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
    <meta name="author" content="Erwin Aligam - styleshout.com"/>
    <meta name="description" content="Site Description Here"/>
    <meta name="keywords" content="keywords, here"/>
    <meta name="robots" content="index, follow, noarchive"/>
    <meta name="googlebot" content="noarchive"/>

    <link rel="stylesheet" href="/media/css/VectorLover.css" type="text/css"/>

</head>

<body>

<!-- wrap starts here -->
<div id="wrap">

    <!--header -->
    <div id="header">

        <h1 id="logo-text"><a href="index.html" title="">Phonik</a></h1>

        <p id="slogan">For simplicity lovers!</p>

        <!--<div id="top-menu">-->
        <!--<p><a href="news.html">rss feed</a> | <a href="index.html">contact</a> | <a href="index.html">login</a></p>-->
        <!--</div>-->

    </div>
    <!--header ends-->

    <!-- navigation starts-->
    <div id="nav">
        {% block sidebar %}
        <ul>
            <li id="current"><a href="news">News</a></li>
            <li><a href="download">Download</a></li>
            <li><a href="contact">Contact</a></li>
        </ul>
        {% endblock %}

    </div>
    <!-- navigation ends-->


    <!-- content starts -->
    <div id="content">

        <div id="main">
            {% block content %}{% endblock %}
        </div>


        <div id="sidebar">

            <h3>About</h3>

            <p>
                <a href="news.html">
                    <img src="/media/images/gravatar.jpg" width="40" height="40" alt="image" class="float-left"/></a>
                Phonik is just a little hobby to study Python. Also it's a good way to have media player that works your
                way;)
            </p>

            <h3>Search</h3>

            <form id="qsearch" action="news.html" method="get">
                <p>
                    <label for="qsearch">Search:</label>
                    <input class="tbox" type="text" name="qsearch" value="Search this site..."
                           title="Start typing and hit ENTER"/>
                    <input class="btn" alt="Search" type="image" name="searchsubmit" title="Search"
                           src="/media/images/search.gif"/>
                </p>
            </form>

            <h3>Sidebar Menu</h3>
            <ul class="sidemenu">
                <li><a href="news.html">News</a></li>
                <li><a href="news.html#TemplateInfo">TemplateInfo</a></li>
                <li><a href="style.html">Style Demo</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="http://www.dreamtemplate.com" title="Web Templates">Web Templates</a></li>
            </ul>

            <h3>Sponsors</h3>
            <ul class="sidemenu">
                <li><a href="http://www.dreamtemplate.com" title="Website Templates">DreamTemplate <br/>
                    <span>Over 6,000+ Premium Web Templates</span></a>
                </li>
                <li><a href="http://www.themelayouts.com" title="WordPress Themes">ThemeLayouts <br/>
                    <span>Premium WordPress &amp; Joomla Themes</span></a>
                </li>
                <li><a href="http://www.imhosted.com" title="Website Hosting">ImHosted.com <br/>
                    <span>Affordable Web Hosting Provider</span>
                </a></li>
                <li><a href="http://www.dreamstock.com" title="Stock Photos">DreamStock <br/>
                    <span>Download Amazing Stock Photos</span></a>
                </li>
                <li><a href="http://www.evrsoft.com" title="Website Builder">Evrsoft <br/>
                    <span>Website Builder Software &amp; Tools</span></a>
                </li>
                <li><a href="http://www.webhostingwp.com" title="Web Hosting">Web Hosting <br/>
                    <span>Top 10 Hosting Reviews</span></a>
                </li>
            </ul>

            <h3>Wise Words</h3>

            <p>&quot;We can let circumstances rule us, or we can take
                charge and rule our lives from within.&quot;</p>

            <p class="align-right">- Earl Nightingale</p>

            <h3>Support Styleshout</h3>

            <p>If you are interested in supporting my work and would like to contribute, you are
                welcome to make a small donation through the
                <a href="http://www.styleshout.com/">donate link</a> on my website - it will
                be a great help and will surely be appreciated.</p>

            <!-- sidebar ends -->
        </div>


    </div>
    <!-- content ends-->


    <!-- footer starts -->
    <div id="footer">

        <p>
            &copy; All copyright somewhere...

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            <a href="http://www.bluewebtemplates.com/" title="Website Templates">website templates</a> by <a
                href="http://www.styleshout.com/">styleshout</a> |
            Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> |
            <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>

            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            <a href="index.html">Home</a>&nbsp;|&nbsp;
            <a href="index.html">Sitemap</a>&nbsp;|&nbsp;
            <a href="index.html">RSS Feed</a>
        </p>

    </div>
    <!-- footer ends-->

</div>
<!-- wrap ends here -->

</body>
</html>